<template>
	<view class="content">
		<view class="forList" v-for="item in 5">
			<view class="flexRow listrow">
				<text class="l1">java 高级工程师</text>
				<text class="l2">【20K_40K】</text>
			</view>
			<view class="flexRow imgList">
				<image src="../../static/newimg/5.png" class="img" style="width: 26rpx;height: 31rpx;"></image>
				<text class="text">海州区</text>
				
				<image src="../../static/newimg/6.png" class="img lefta" style="width: 38rpx;height: 31rpx;"></image>
				<text class="text">本科</text>
				
				<image src="../../static/newimg/7.png" class="img lefta" style="width: 31rpx;height: 31rpx;"></image>
				<text class="text">1_3年</text>
				
				<image src="../../static/newimg/8.png" class="img lefta" style="width: 33rpx;height: 32rpx;"></image>
				<text class="text">全职</text>
			</view>
		</view>
		
		<view class="btn">发布职位</view>
		<view style="height: 30rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang='scss'>
	
	.listrow{
		height: 40rpx;
		line-height: 40rpx;
		margin-top: 10rpx;
		
		.l1{
			font-size: $uni-font-size-lg;
			font-weight: 650;
		}
		.l2{
			margin-left: 35rpx;
			font-size: $uni-font-size-lg;
			color: red;
			overflow:hidden; 
			text-overflow:ellipsis; 
			white-space:nowrap; 
			margin-left: 25rpx;
		}
	}
	
	.forList{
		width: 86%;
		margin-left: 4%;
		box-shadow: 0px 0px 20rpx rgba(0,0,0,0.2);
		margin-top: 40rpx;
		height: 140rpx;
		border-radius: 10rpx;
		padding: 3%
	}
	
	.imgList{
		height: 40rpx;
		line-height: 40rpx;
		margin-top: 35rpx;
		align-items: center;
		
		.img{
			width: 30rpx;
			height: 36rpx;
		}
		
		.text{
			color: #555;
			font-size: $uni-font-size-big;
			margin-left: 6rpx;
		}
		.lefta{
			margin-left: 30rpx;
		}
	}
	
	.btn{
		background: $uni-bg-color-main;
		width: 80%;
		text-align: center;
		height: 100rpx;
		line-height: 100rpx;
		border-radius: 100rpx;
		font-size: $uni-font-size-big;
		color: $uni-text-color-inverse;
		margin-top: 100rpx;
		margin-left: 10%;
	}
	
</style>
